<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="../common/head.jspf" %>
        <link href="/css/user/transaction.css" rel="stylesheet"/>
        <link href="/css/user/changeadd.css" rel="stylesheet"/>
        <script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script>
    </head>
    <body>
        <header class="site-mast" >
            <%@include file="../common/head_top_short.jspf" %>
        </header>
        <%@include file="../common/userinfo.jspf" %>
        <div class="tran_content">
            <%@include file="../common/navigate.jspf" %>
            <div class="order_list">
                <div class="add_info_detail">
                    <div class="add_info_detail_title">&nbsp;&nbsp;新增收货地址
                        <label>标<i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>为必填项</label>
                    </div>
                    <div class="change_info">
                        <div class="info_list">
                            <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>所在地区 :</label>

                            <select id="sel_pro" onchange="getCityList();" rel=""></select>&nbsp;
                            <select id="sel_city" onchange="getAreaList();" rel="" ></select>&nbsp;
                            <select id="sel_area" rel=""></select>&nbsp;

                        </div>
                        <div class="info_list">
                            <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>详细地址 :</label>
                            <textarea id="address">
                                
                            </textarea>
                        </div>
                        <div class="info_list">
                            <label>邮政编码 :</label>
                            <input type="text" value="" class="info_input" id="zipcode" placeholder="邮政编码,可以为空"/>
                        </div>

                        <div class="info_list">
                            <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>收货人姓名 :</label>
                            <input type="text" value="" id="comname" class="info_input"/>
                        </div>
                        <div class="info_list">
                            <label><i class="fa fa-star" style="color:red;margin:0 2px;font-size: 12px;"></i>手机号码 :</label>
                            <input type="text" value="" id="namemobile" class="info_input"/>
                        </div>
                        <input type="hidden" value="${id}" id="hiddenUserId" />
                        <input type="hidden" value="" id="hiddenId" />
                        <div class="info_confirm cursor">保存地址
                        </div>
                    </div>
                </div>
                <table border="0">
                    <tr style="background-color:#f5f5f5">
                        <th style="width: 8%;">收货人</th>
                        <th style="width: 20%;">所在地区</th>
                        <th style="width: 30%;">详细地址</th>
                        <th style="width: 10%;">邮编</th>
                        <th style="width: 10%;">手机</th>
                        <th style="width: 22%;">操作</th>
                    </tr>
                    <tr style="height:20px;"></tr>
                    <c:forEach var="item" items="${udlist}" varStatus="status">  
                        <tr class="order_list_info_tr add_tr">
                            <td class="order_list_shop" align='center'>
                                ${item.name}
                            </td>
                            <td align='center'>${item.pname}${item.cname}${item.aname}</td> 
                            <td align='center'>${item.address}</td>
                            <td align='center'>${item.zipCode}</td> 
                            <td align='center'>${item.mobile}</td>
                            <td align='center'>
                                <label class="cursor" onclick="getAddressById('${item.id}');">修改</label>&nbsp;|&nbsp;<label class="cursor" onclick="deleteAddress('${item.id}');">删除</label>
                        <c:if test="${item.isDefault == 1}">
                            <span class="default_add cursor">
                                默认地址
                            </span>
                        </c:if>
                        <c:if test="${item.isDefault == 0}">
                            <span class="setup_def cursor" onclick="updateStateById('${item.id}');">
                                设为默认
                            </span>
                        </c:if>
                        </td> 
                        </tr>
                        <tr style="height:10px;"></tr>
                    </c:forEach> 
                    <tr class="order_list_info_tr add_tr">
                        <td class="order_list_shop" align='center'>
                            郝志华
                        </td>
                        <td align='center'>河北省保定市北市区</td> 
                        <td align='center'>保定市阳光北大街226号染厂宿舍226号6号楼1单元302</td>
                        <td align='center'>071072</td> 
                        <td align='center'>18335929279</td>
                        <td align='center'>
                            修改&nbsp;|&nbsp;删除 
                            <span class="default_add">
                                默认地址
                            </span>
                        </td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr add_tr">
                        <td align='center'>
                            郝志华
                        </td>
                        <td align='center'>河北省保定市北市区</td> 
                        <td align='center'>保定市阳光北大街226号染厂宿舍226号6号楼1单元302</td>
                        <td align='center'>071072</td> 
                        <td align='center'>18335929279</td>
                        <td align='center'>修改|删除 
                            <span class="setup_def">设为默认</span>
                        </td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr add_tr">
                        <td align='center'>
                            郝志华
                        </td>
                        <td align='center'>河北省保定市北市区</td> 
                        <td align='center'>保定市阳光北大街226号染厂宿舍226号6号楼1单元302</td>
                        <td align='center'>071072</td> 
                        <td align='center'>18335929279</td>
                        <td align='center'>修改|删除 
                            <span class="setup_def">设为默认</span>
                        </td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr add_tr">
                        <td align='center'>
                            郝志华
                        </td>
                        <td align='center'>河北省保定市北市区</td> 
                        <td align='center'>保定市阳光北大街226号染厂宿舍226号6号楼1单元302</td>
                        <td align='center'>071072</td> 
                        <td align='center'>18335929279</td>
                        <td align='center'>修改|删除 <span class="setup_def">设为默认</span></td> 
                    </tr>
                    <tr style="height:10px;"></tr>
                    <tr class="order_list_info_tr add_tr">
                        <td align='center'>
                            郝志华
                        </td>
                        <td align='center'>河北省保定市北市区</td> 
                        <td align='center'>保定市阳光北大街226号染厂宿舍226号6号楼1单元302</td>
                        <td align='center'>071072</td> 
                        <td align='center'>18335929279</td>
                        <td align='center'>修改|删除 <span class="setup_def">设为默认</span></td> 
                    </tr>
                </table>



            </div>
            <div class="tuijian_banner">
                <label>今日推荐</label>
                <div class="tuijian_info">
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                    <div class="item">
                        <div class="secitem">
                            <img src="/img/user/sss.jpg">
                        </div>
                        <div class="secitem1 comname">创意圆形水晶灯</div>
                        <div class="secitem1 cominfo">100元代金券一张，可以叠加</div>
                        <div class="secitem1 comprice">￥1578<label> 门店价 ￥1792</label></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="login_foot">
            <ul>
                <li>关于天下</li>
                <li>市场合作</li>
                <li>商家后台</li>
                <li>常见问题</li>

            </ul>
        </div>
        
        <script type="text/javascript" src="/js/getcity.js"></script>
        <script type="text/javascript" src="/js/pages/user/changeadd.js"></script>
    </body>
</html>
